<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="iceui/src/ui/ui.css">
    <link rel="stylesheet" href="css/Main.css" />
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
    <link rel="stylesheet" href="iceui/src/ui/ui.css" />
    <link rel="stylesheet" href="css/adminXL.css">
    <link rel="stylesheet" href="layui/css/layui.css" />
    <script src="iceui/src/ice.js"></script>
    <script src="iceui/src/ui/ui.js"></script>
    <script src="iceui/src/popup/icePopup.js"></script>
    <script src="js/adminXL.min.js"></script>
    <script src="layui/layui.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .title {
            font-size: 20px;
            color: rgb(14, 0, 0);
        }

        .tree-alone {
            height: 50px;
            line-height: 30px;
        }
        ul .ulli{
            display:inline-block;
            border:1px solid red;
            margin-left:-4px;
            text-align:center;
            line-height:53px;

        }
        ul a:hover .ulli{
            background-color:#536471;
            color:white;
        }
    </style>
</head>

<body>
    <div class="all" style="width:100%;height:100%;">
        <div class="left" style="width:357.7px;height:100%;display:inline-block;border:1px solid red;">
            <div class="adminXL-sidebar close" style="background-color:white;border-right: 1px solid rgb(196, 196, 196);width:357.7px;height:auto;">
                <div class="layui-col-xs2" style="width: 357.7px;height: 100px;">
                    <div class="grid-demo grid-demo-bg1">
                        <a href="page/home.html" class="adminXL-logo-web"
                            style="position: fixed;top: 30px;left: 130px;">
                            <img src="img/彩云里Logo.jpg" class="logo" alt="RainbowCloud" style="width: 60px;height:50px;">
                        </a>
                    </div>
                </div>
                <ul id="Menu-tree" class="adminXL-sidebar-menu" style="width:357.7px;">
                    <li class="tree-alone">
                        <a href="#"  onclick="window.location='Home.html'">
                            <i class="icon ice-home"></i>
                            <span class="title">主页</span>
                        </a>
                    </li>
                    <li class="tree-alone" id="aa" style="font-weight:bold;">
                        <a href="#">
                            <i class="icon ice-expand"></i>
                            <span class="title" >探索</span>
                        </a>
                    </li>
                    <li class="tree-alone">
                        <a href="#">
                            <i class="layui-icon layui-icon-notice" style="padding-left:4px;"></i>
                            <span class="title" style="margin-left:20px;">通知</span>
                        </a>
                    </li>
                    <li class="tree-alone">
                        <a href="#">
                            <i class="icon ice-message"></i>
                            <span class="title">私信</span>
                        </a>
                    </li>
                    <li class="tree-alone">
                        <a href="#">
                            <i class="icon ice-order-out"></i>
                            <span class="title">列表</span>
                        </a>
                    </li>
                    <li class="tree-alone">
                        <a href="#">
                            <i class="icon ice-mass"></i>
                            <span class="title">社群</span>
                        </a>
                    </li>
                    <li class="tree-alone">
                        <a href="#">
                            <i class="icon ice-category"></i>
                            <span class="title">Premium</span>
                        </a>
                    </li>
                    <li class="tree-alone">
                        <a href="#" onclick="window.location='Personal.html'">
                            <i class="icon ice-user"></i>
                            <span class="title">个人资料</span>
                        </a>
                    </li>
                    <li class="tree-alone">
                        <a href="#">
                            <i class="icon ice-computer"></i>
                            <span class="title">更多</span>
                        </a>
                    </li>
                    <button type="button" id="test"
                        class="layui-btn layui-btn-lg layui-btn-primary layui-btn-radius layui-bg-blue"
                        style="width: 200px;height: 50px;margin-left:40px;">发帖</button>
                    <div class="userinfo"
                        style="width:243.8px;height:65.26px;margin-left:105px;margin-top:35px;border-radius:30px;display:inline-block;">
                        <div class="userimage"
                            style="width:220px;height:45px;margin-top:9px;margin-left:9px;display:inline-block;">
                            <img src="img/罗哥.png" alt="" style="width:45px;height:45px;border-radius:50%;">

                            <span style="position:absolute;top:665px;left:170px;font-size:15px;color:#0F1419">aaa</span>
                            <span
                                style="position:absolute;top:687px;left:170px;font-size:15px;color:#536471;">aaa</span>
                            <i class="icon ice-dropdown" style="margin-left:132px;"></i>
                        </div>
                    </div>
                </ul>
            </div>
        </div>
        <div class="center" style="width:598.4px;height:742px;border:1px solid red;display:inline-block;">
            <div class="input" style="border:1px solid red;width:598.4px;height:104px;display:inline-block;">
                <a href="#"><i class="icon ice-search" style="position:fixed;top:20px;left:840px;z-index:10000;"></i></a>
                <input type="text" placeholder="搜索" class="layui-input" style="width:500px;height:45px;border-radius:25px;position:absolute;top:5px;left:375px;">
                <a href="#"><i class="icon ice-service" style="margin-left:10px;position: fixed;left:900px;top:20px;font-weight:bold;font-size:20px;"></i></a>
                <ul style="position:absolute;top:51px;left:359px;width:598.4px;list-style:none;">
                    <a href="#">
                        <li class="ulli" style="width:114.05px;height:53px;">为你推荐</li>
                    </a>
                    <a href="#">
                        <li class="ulli" style="width:120.96px;height:53px;">当前趋势</li>
                    </a>
                    <a href="#">
                        <li class="ulli" style="width:98.34px;height:53px;">新闻</li>
                    </a>
                    <a href="#">
                        <li class="ulli" style="width:106.34px;height:53px;">体育</li>
                    </a>
                    <a href="#">
                        <li class="ulli" style="width:160.71px;height:53px;">娱乐</li>
                    </a>
                </ul>
            </div>
            
        </div>
    </div>
</body>
</html>